<template>
  <div id="app">
    <router-view/>
  </div>
</template>

<script>
export default {
  created () {
  },

  methods: {

  }
}
</script>

<style lang="css">
.flex.newline {
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
#app {
  font-family: 'Avenir', Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #2c3e50;
}

body,h1,h2,h3,h4,h5,h6,hr,div,p,blockquote,dl,dt,dd,ul,ol,li,pre,fieldset,lengend,button,input,textarea,th,td,a {
  margin: 0;
  padding: 0;
  box-sizing: border-box
}

address,cite,dfn,em,var {
  font-style: normal
}

h1,h2,h3,h4,h5,h6 {
  font-weight: normal
}

code,kbd,pre,samp,tt,button {
  font-family: "微软雅黑","Courier New",Courier,monospace
}

small {
  font-size: 12px
}

ul,ol {
  list-style: none
}

a {
  text-decoration: none;
  color: #707070
}

a:hover {
  color: #16cbf6
}

q:before,q:after {
  content: ''
}

legend {
  color: #000
}

fieldset,img {
  border: none
}

button,input,select,textarea {
  font-size: 100%
}

table {
  border-collapse: collapse;
  border-spacing: 0
}

hr {
  border: none;
  height: 1px
}

.list {
  width: 100%
}
.no-bb{
  border-bottom:0 !important;
}

.flex{
  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
  display: flex;
  width: 100%;
}
/*  水平居中  */
.flex.hc{
  -moz-box-pack: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
/*  水平居右  */
.flex.he{
  -moz-box-pack: end;
  -webkit-box-pack: flex-end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
/*  水平平均  */
.flex.ha{
  -moz-box-pack: space-around;
  -webkit-box-pack: space-around;
  -ms-flex-pack: space-around;
  -webkit-justify-content: space-around;
  justify-content: space-around;
}
/*  水平平均  */
.flex.hb{
  -moz-box-pack: space-between;
  -webkit-box-pack: space-between;
  -ms-flex-pack: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
/*  垂直居中  */
.flex.vc{
  -moz-box-align: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
/*固定大小*/
.flex .shrink0{
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}
/*  纵向排列  */
.flex.column{
  /* 09版 */
  -webkit-box-orient: vertical;
  /* 12版 */
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
}
/*  横向排列  */
.flex.row{
  /* 09版 */
  -webkit-box-orient: horizontal;
  /* 12版 */
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -o-flex-direction: row;
  flex-direction: row;
}
.clearfix:after {
  content: " ";
  display: block;
  clear: both;
  height: 0
}

.clearfix {
  zoom: 1
}

.ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.hide {
  display: none !important
}

.fl {
  float: left
}

.fr {
  float: right
}

.tc {
  text-align: center
}

.tl {
  text-align: left
}

.cel {
  clear: both
}

th {
  font-weight: normal
}

.table_fixed {
  table-layout: fixed
}

.table {
  display: table
}

.table-cell {
  display: table-cell;
  vertical-align: middle
}

input[type="submit"] {
  -webkit-appearance: none
}

input,textarea {
  outline: none;
  font-family: "微软雅黑","Courier New",Courier,monospace;
  background: #fff;
  border: none
}

button {
  outline: none;
  cursor: pointer;
  border: none;
  background: #fff
}

button:focus {
  outline: none
}

i {
  font-style: normal
}

html,body {
  width: 100%;
  height: 100%;
}

body {
  background: #fff;
  font-family: "微软雅黑","Courier New",Courier,monospace;
  font-size: 14px;
  color: #707070
}
</style>
